<html>
    <head>
        <title>
            Introductory Example
        </title>
        <script type="text/javascript">

        <!--
            myObject = {myProperty : 1};
            var oldValue;
            myCondition = {
                value : 1};
            increaseMyProperty = function(){
                foo();
                myObject.myProperty++;
                bar();
                baz();
                updateButton();
            }
            updateButton = function(){
                var reproducer = document.getElementById("reproducer");
                reproducer.innerHTML =  myObject.myProperty;
            }
            function foo(){
                myCondition.value = oldValue;
            }
            function bar(){
                if (!myCondition.value){
                    myObject.myProperty = 0;
                }
            }
            function baz()
            {
                var blah = "blah";
                var blahblah = "blahblah";
                var blahblahblah = "blahblah";
                var hoozah = blah+blahblahblah;
                return hoozah + "!";
            }
        -->
        </script>

    </head>

    <body id="myBody">
    <p>
      This page contains an object with name "myObject", whenever user clicks, "myObject.myProperty" value increases.
        Go through these steps:
       <ol>
       <li> Click on the button.</li>
       <li> When you click on the button instead of two, zero appears.</li>
       <li> Locate the defect causes the error. (hint: the button text
        is updated in line 22. So, to start set a breakpoint on this line.)</li>
       </ol>

    </P>
    <button id="reproducer" onclick="increaseMyProperty()">
      1
    </button>
    <p id>

    </p>
    </body>

</html>